﻿/**********************************************************************************************

	Title: Default Skin
	Author: Andrey Kuzmenko
	Date: 2009

***********************************************************************************************

	1. Global Reset
	
	2. General Elements
		2.1 General Elements
		2.2 Input fields
		2.3 Submit button

	3. Layout
		3.1 Primary elements
		3.2 Actions menu
		3.3 Collapsable panel
		3.4 Languages
		3.5 We do
		3.6 Footer	
	
	4. Blog module specific
		4.1
		4.2
		4.3
		4.4
		4.5
		4.6
		4.7

/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/
*
{
	margin:0px;
	padding:0px;	
}

body
{
	font-family: Tahoma, Helvetica, "Trebuchet MS", Arial, Verdana, Sans-serif;
	font-size: 13px;
	margin: 0px auto;
	padding: 0px;
	width: 1010px;
	min-height: 100%;
	background-color:Transparent;
}

html
{
	height: 100%;
	background-image: url( 'images/bg.png' );
}

a
{
	color: #cc2a43;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}


h1, h2, h3, h4, h5
{
	color: #4e3727;
	-x-system-font: none;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

h1
{
	font-size: 2.0em;
}

h2
{
	font-size: 1.5em;
}
h3
{
	font-size: 1.25em;
}
h4
{
	font-size: 1.1em;
}
h5
{
	font-size: 1.0em;
}

ul
{
	margin-left:15px;	
}

li
{
	margin-left:15px;	
}

/*
table, td
{
	border: solid 1px #DEDEDE;
	padding: 0px;
	margin: 0px;
}*/

.button
{
	border: solid 1px #BBBBBB;
}

form
{
	display:inline;	
}

input, textarea, select
{
	-x-system-font: none;
	border: #d3cfbb 1px solid;
	background:#f6f5f0;
	padding:3px;
	font-size: 1em;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.2em;
}

input[type="checkbox"]
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent none repeat scroll 0 0;
	border: medium none;
}

/* 2.1 General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.clear
{
	clear: both;	
}

.error
{
	color: Red;
	clear:both;
	width:100%;
	float:left;
}

.text
{
	line-height: 1.5em;
}

.text h3
{
	font-weight:bold;
	border-bottom:#998d76 1px solid;
	margin-bottom:10px;
	margin-top:10px;
	padding-bottom:2px;	
}

.mceEditorContainer
{
	float:left;
	clear:both;
	width:100%;	
}

/* 2.2 Input fields
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.txtLong
{
	width: 400px;
}

.txtLongest
{
	width: 600px;
}

.txtShort
{
	width: 50px;
}

.txtMiddle
{
	width:200px;
}

.txtDoubleShort
{
	width: 100px;
}

.txtMultiLine
{
	width: 400px;
}


/* 2.3 Submit button
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.submit-button-wrap
{
	padding-top:5px;
	text-align: center;
	clear: both;
}

input.submit-button
{
	border: #d3cfbb 1px solid;	color: #000000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 25px;
	line-height: 100%;
	padding-bottom: 6px;
	width: 135px;
}


/* 3.1 Primary elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#page-wrap
{
	width: 933px;
	padding-top: 50px;
	margin: 0 auto;
}

#page
{
	margin: 0 auto;
	clear: both;
	width: 933px;
}

#header-wrap
{
	background: transparent url(images/header.png) no-repeat scroll center top;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 169px;
}

#header
{
	float: left;
	width: 100%;
	height:130px;
}

#title
{
	padding-left: 40px; 
	float: left;	
}

#title h1
{
	margin-top: 40px;
	color:#cc2a43;	
}

#description
{
	margin-top: 15px;	
}

#temporary
{
	float:right;
	width:110px;
	height:110px;	
	margin-top:27px;
	margin-right:27px;
	background: transparent url(images/temporary.gif) no-repeat scroll right top;
}
/*
#breadCrumpContainer
{
	padding-left: 10px;
	height: 20px;
	background-color: #E9E7E7;
}
*/

#content
{
	background: transparent url(images/whitebg.gif) repeat-y scroll center top;
	padding: 0px 0px 20px 35px;
    /*height:100%;*/
    min-height:300px;
}

#footer
{
	padding-top:10px;
	font-size: 0.93em;
	color:White;
}

#footer-wrap
{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
	clear: both;
	height:50px;
	background-image: url(images/bg-alpha.png); 
	border:#453a32 1px solid;
	overflow: hidden;
}

/* 3.2 Actions menu
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.settingsPageContainer
{
	width: 600px;
	margin: 0px auto;
	padding: 0px;
}

.pageHeader
{
	border-bottom: 1px solid #EEEEEE;
}


.pageActions
{
	background: url(images/action.gif) no-repeat;
	float: left;
	width: 13px;
	height: 13px;
	margin-top: 10px;
}

.pageActionsMenu
{
	overflow: hidden;
	border: 1px solid #646464;
	background-color: #FFFFFF;
	position: absolute;
	margin-right: 20px;
	padding: 2px;
	z-index: 1;
}


/* 3.4 Collapsable panel
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#error-page
{
	
}

#error-page h2
{
	
}

#error-page-header
{
	
}
	
#error-page-content
{
	margin-top:20px;
	margin-bottom:20px;	
}

#error-page-footer
{
	
}

/* 3.3 Collapsable panel
-----------------------------------------------------------------------------------------------
===============================================================================================*/

#menu
{
	height: 28px;
	clear: both;
}

.menu-item li a
{
	color:#6e604f;
	font-weight: bold;	
	font-size:1.1em;
	text-decoration:none;
	font-weight:bold;
}

.menu-item li a:hover
{
	text-decoration:none;
	color:White;
}

.menu-item
{
	margin-top:5px;
	vertical-align:baseline;
	display: inline;
	float: left;
}

.menu-item li .menu-item-title
{
	height: 28px;
	display: block;
	cursor: pointer;
	padding: 0 0 0 3px;
	text-decoration: none;
}

.menu-item .menu-item-title span
{
	cursor: pointer;
	display: block;
	height: 28px;
	padding: 0px 10px 0px 8px;
	background-position: 100% 5px;
}

.menu-item li
{
	display: inline;
	margin-left:20px;
	float: left;
}

.menu-item ul
{
	display: inline;
}

/*----------------Submenu-------------*/
.sub-menu
{
	overflow: hidden;
	border: 1px solid #646464;
	background-color: #FFFFFF;
	position: absolute;
	margin-right: 20px;
	padding: 2px;
	z-index: 1;
}

.sub-menu li
{
	clear: both;
	min-width: 150px;
	margin-left:1px;
	width: 100%;
}

.sub-menu li span
{
	width: 100%;
}

.sub-menu li a
{
	font-size:0.9em;
	color: Black;
	display: block;
	text-decoration: none;
	padding: 5px 5px 5px 15px;
}

.sub-menu li a:hover
{
	border: 1px solid #BFD2D8;
	background-color: #D7EDF3;
	padding: 3px 5px 5px 15px;
	font-weight: bold;
}

/*--------------------------------------------MODULE CONTAINER-----------------------------------------------*/
.module
{

}

.module-header
{
	vertical-align:baseline;
	text-indent:27px;
	height:32px;
	background: transparent url(images/widget-title1.gif) right no-repeat; 
	color: #362b23; 
	font:bold 14px Georgia, "Times New Roman", Times, serif; 
	height: 32px; 
	display: block; 
	width: 259px; 
	text-indent: 27px; 
	padding-top: 8px; 
	margin-bottom: -3px; 
}

.module-header h1
{
	padding-left:10px;
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	color:#cbbc41;
}



.module-content
{
	margin-right:25px;	
	margin-left:25px;	
	margin-bottom:10px;
	margin-top:10px;
}

.module-footer
{

}














/*---------------------------------------------------------------------------------------------------------------------------------*/
/* 4.1 Categories
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#categories 
{
	left:-20px;
	position: relative;	
}

#categories ul
{
	margin:0px;
	padding:0px;
	list-style-image: none;
	list-style-type: none;
	list-style-position:outside;
}

#categories li
{
	border:0px;
	margin:0px;
	display:block;
	outline-width:0px;
	outline-color:0px;
	outline-style:none;
	vertical-align:baseline;
	background:none transparent scroll repeat 0% 0%;
}

#categories ul li a
{ 
	display: block; 
	margin-left: 20px; 
	padding: 3px 8px; 
	font-size: 12px; 
	color: #968a73; 
	text-decoration: none; 
	border-bottom: 1px dotted #dbd9d7; 
}

#categories ul li a:hover 
{ 
	color: #362b23; 
	background-color: #eee8d7; 
}



/* 4.2 Posts
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.post, .post-overview
{
	padding: 0px;
	clear: both;
	overflow: hidden;
	padding-bottom:10px;
	line-height: 1.5em;
}
.post .post-date, .post-overview .post-overview-date
{
	background: transparent url(images/bg-date1.gif) no-repeat;
	height: 60px;
	font-size:1.5em;
	width: 80px;
	color: #FFFFFF;
	text-align: center;
	padding: 10px 2px 0 0;
	float: left;
}
.post .post-date span, .post-overview .post-overview-date span
{
	font-size:0.7em;
	display: block;
	text-align: center;
	padding-top: 5px;
}
.post .post-title
{
	float: left;
	margin-left: 10px;
	width: 530px;
}

.post-overview .post-overview-title
{
	float: left;
	margin-left: 10px;
	width: 300px;
}

.post .post-title a:hover, .post-overview .post-overview-title a:hover
{
	color: black;
	text-decoration:none;
}

.post .post-title h2, .post-overview .post-overview-title h2
{
	margin-top:10px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:#e1e1e1 1px dashed;
}

.post-footer, .post-overview-footer
{
	clear:both;
	height:100%;
	padding: 5px;
	background-color:#f6f5f0;
	border:#e1e1e1 1px dashed;		
	overflow:hidden;
}

.post-footer a, .post-overview-footer a
{
	color:#cbbc41;
}

.post .post-tags, .post-overview .post-overview-tags
{
	color: #999999;
	background-position: 0px 3px;
	float: left;
	clear: left;
}
.post .post-admin
{
	color: #999999;
	float: right;
}

.post-data, .post-overview-data
{
	margin:0px;
	color: #999999;
	overflow:hidden;
}

.post-data a, .post-data a:visited, .post-overview-data a, .post-overview-data a:visited
{
	color: #999999;
	text-decoration: none;
}

.post-data a:hover, .post-overview-data a:hover
{
	color: #44a1d0;
	text-decoration: none;
}

.post-data .post-category, .post-overview-data .post-overview-category
{
	float: left;
}

.post-data .post-comments
{
	float: right;
}

.post-data .post-comments a
{
	color:#6e604f;
	font-weight:bold;
}

.post-entry, .post-overview-entry
{
	overflow:hidden;
	padding: 10px 0px 3px;
	clear: both;
	margin-bottom:5px;
}

.post-entry img, .post-overview-entry img
{
	margin: 5px ; 
	background-color: #e0d9c5; 
	text-align: center;
}

.post-entry h3
{
	margin: 0px 0px 5px 5px
}

/* Comments */
.post-comment-even
{
	background-color: #f2f0ea;
	border: 1px solid #DDDDDD;
	padding:5px;
	margin-top:5px;
}

#post-comment-list
{
	padding:10px;	
	color:#6e604f;
}

.post-comment-odd
{
	padding:5px;
}

#post-comment-list table, #post-comment-list td
{
	border:0px;
}



.post-comment-author
{
	float: left;
	font-weight: bold;
}

.post-comment-links
{
	float: left;
	margin-left: 5px;
}

.post-comment-links a
{
	color:#362b23;
	font-weight:normal;
	text-decoration:underline;
}



.post-comment-date
{
	float:right;
}

.post-comment-content
{
	clear:both;
}




/*-----------------New comment form-----------------------*/
.post-comment-form
{
	margin:10px;
}

#post-comment-form-header
{
	/*font: bold 16px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;*/
	/*color:#cc2a43;*/
}



/*-------Paging--------*/
#post-paging
{
}

#post-paging-previous
{
	float: left;
}

#post-paging-next
{
	float: right;
}

/* 4.3 Search
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.post-overview-content
{
	overflow: hidden;	
}

.post-overview-wrapper
{
	width: 420px; 
	float: left; 
	margin: 4px;
}


/* 4.3 Search
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#searchbox
{
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(images/searchform-bg2.gif) no-repeat right bottom;
	height: 55px;
	width: 210px;
}
#searchbox #searchfield
{
	background: #ffffff url(images/form-field-bg.gif) no-repeat;
	height: 17px;
	width: 148px;
	margin: 6px 5px 0px 10px;
	padding: 3px 7px 2px 5px;
	color: #999999;
	border: none;
}
#searchbox #searchbutton
{
	background: url(images/search-btn.gif) no-repeat left top;
	height: 24px;
	width: 24px;
	border: none;
	text-indent: -999%;
	line-height: 1px;
	margin-top: 6px;
}
#searchbox label
{
	color: White;
}
#searchbox #searchcomments
{
	margin-left: 6px;
}


/* 4.4 Tags
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#tagcloud
{
	
}

#tagcloud ul
{
	margin: 0px 0px 10px 0px;
	white-space: normal;
	padding: 0px;
}

#tagcloud ul li
{
	margin: 0px;
	display: inline;
	background: none;
	border: none;
	padding: 2px 1px 2px 1px;
}

#tagcloud a
{
	color: #555350;
	margin-right: 3px;
	display: inline;
}

#tagcloud a.biggest
{
	font-size: 2.0em;
}

#tagcloud a.big
{
	font-size: 1.5em;
}

#tagcloud a.medium
{
	font-size: 1.3em;
}

#tagcloud a.small
{
	font-size: 1.1em;
}

#tagcloud a.smallest
{
	font-size: 0.9em;
}

/* 4.5 Archive
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#archives ul li
{
	background: url(images/mini-archive.gif) no-repeat;
}


/* 4.6 Recent posts
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#recent-posts ul
{
    list-style:none outside none;
    margin:0;
    padding:0;
}

#recent-posts ul li
{
    background:none repeat scroll 0 0 transparent;
    border:0 none;
    display:block;
    margin:0;
    outline-style:none;
    outline-width:0;
    vertical-align:baseline;    
    line-height: 1.5em;
}

#recent-posts ul li a {
    border-bottom:1px dotted #DBD9D7;
    display:block;
    font-size:12px;
    text-decoration:none;
}

#recent-posts em
{
    
}

/*--------------------------------------------------Forms-------------------------------------------------------------*/
/*#contactForm, .settingsForm, .editPostForm, .commentForm
{
	clear: both;	
}

.submitShortForm
{
	
}

.form-field
{
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
	line-height: 20px;
	overflow: hidden;
	float:left;
}

.form-field label
{
	float: right;
	text-align: left;
	padding-left: 10px;
	width: 100px;
}

.form-element, .form-element input, textarea
{
	float:left;	
}

.form-element label
{
	width:200px;
}

.form-element .field-validation-error
{
	clear:left;
	color: Red;
	float:left;
	display:block;
	width:100%;
}

.settingsForm .form-field label
{
	width: 150px;
}
 
.editPostForm .form-field label
{
	width: 130px;
}

.commentForm .form-field label
{
	width: 80px;
}

.commentForm .form-field input
{
	width: 250px;
}
 
.editFormCheckBoxes
{
	float:left;	
	width:400px;
}
 
.settingsAction
{
	float:right;	
}

#lblTitle
{
	width:auto;	
}
*/

#post-comment-wrap, .settingsForm, #post-edit-form
{
	clear: both;	
}

.form-field
{
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
	line-height: 20px;
	overflow: hidden;
}

.form-field label
{
	float: left;
	text-align: left;
	padding-right: 10px;
	width: 100px;
}

.form-element
{
	float:left;	
}

.form-element label
{
	width:200px;
}

.form-element .field-validation-error
{
	clear:left;
	color: Red;
	float:left;
	display:block;
	width:100%;
}

.settingsForm .form-field label
{
	width: 150px;
}
 


.commentForm .form-field label
{
	width: 80px;
}

.commentForm .form-field input
{
	width: 250px;
}
 

 
.settingsAction
{
	float:right;	
}


/*----------post-edit-form--------------*/
#post-edit-form .form-field label
{
	width: 130px;
}

#post-edit-form .form-field #lblTitle
{
	width:auto;	
}

#post-edit-form .checkbox-list
{
	float:left;	
	width:500px;
}

/*-------------------------------------------------------------*/
#contact h2
{
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #6e604f;
}

#contact-wrap, #post-comment-wrap
{
	clear: both;
	float:left;
}

#contact-wrap .form-element, #post-comment-wrap .form-element
{
	float:left;	
}

#contact-wrap .form-element *, #post-comment-wrap .form-element *
{
	float:left;	
}

#contact-wrap .form-field, #post-comment-wrap .form-field
{
	margin-top: 5px;
	margin-bottom: 5px;
	text-align:left;	
	/*float:left;*/
	clear:both;
}

#contact-wrap .form-field label, #post-comment-wrap .form-field label
{
	padding-left: 10px;
	position:absolute;
}

#contact-wrap .form-element .field-validation-error, #post-comment-wrap .form-element .field-validation-error
{
	color: Red;
	float:left;
	clear:both;
	width:100%;
}

#post-comment-wrap .inline
{
	float:none;
	width:auto;
	line-height:normal;
}

/*----------------------------------Login Form---------------------------------------------------*/
#loginForm
{
	float:left;	
}

#login-view
{
	float:left;	
		margin:10px;
}

#login-view .form-field label
{
	width: 120px;
}

#loginForm .submit-button-wrap
{
	text-align:right;	
	margin-right:10px;
}

#login-view #rememberMe
{
	float:left;
}

#login-view .inline
{
	line-height:normal;
	margin-left:5px;
}

/*----------------------------------Contact form-----------------------------------------------*/
#txtSendTo
{
	height:100px;
	width:400px;	
}

#txtContent
{
	height:150px;
	width:500px;	
}

/*----------------------------------Captcha image-----------------------------------------------*/
.captchaImage
{
	float:left;
	clear:left;
}

.captchaField
{
	float:left;
	margin-left:5px;
}

/*-------------------------------Counter-------------------------------------------------------*/
#counter
{
	margin-left:10px;
	float:left;	
}

/*-------------------------------Copyright-------------------------------------------------------*/
#copyright
{
	margin-right:10px;
	float:right;
}

/* 4.8 Grid
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.grid
{
	border-right: solid 1px black;
	border-bottom: solid 1px black;
}

.grid td, .grid th
{
	border-left: solid 1px black;
	border-top: solid 1px black;
	padding: 5px;
}




/* 4... Image navigation
-----------------------------------------------------------------------------------------------
===============================================================================================*/
ul.nav-pages 
{
	clear:both;
	font-size:1.2em;
	margin: 0px;
	padding: 0px;
	overflow:hidden;
}

.nav-pages li { float:left; list-style-type:none; margin:0px; }
.nav-pages a, .nav-pages em { color:#0091D5; margin:2px; padding:2px 5px 2px 5px; text-decoration: none; display: block; }
.nav-pages a:hover{ background:#c5dae5; }
.nav-pages em { background:#7A9BAC; font-weight: 400; font-style: normal;  color: #fff; }